﻿//
// Slider
// -------------

// Horizontal layout
.slider-horizontal-rail {
    width: 150px; // Default width
    height: 1px;
    margin-top: @base-unit * 0.5;
    margin-bottom: @base-unit * 0.5;
    position: relative;
    background-color: @color-gray-100;
}

.slider-horizontal-handle {
    width: @base-unit * 0.625;
    height: @base-unit * 0.625;
    margin-top: -5px;
    line-height: @base-unit * 0.375 !important;
    cursor: pointer;
}
// Slider used in UI (e.g. AB tests)
.header-panel .slider-horizontal-handle {
    margin-top: -4px;
}

// Vertical layout
.slider-vertical-rail {
    width: 1px;
    height: 150px; // Default height
    margin-left: @base-unit * 0.375;
    position: relative;
    background-color: @color-gray-100;
}

.slider-vertical-handle {
    width: @base-unit * 0.625;
    height: @base-unit * 0.625;
    margin-left: (@base-unit * 0.25) * -1;
    line-height: @base-unit * 0.375 !important;
    cursor: pointer;
}
